<script type="text/javascript">
function setPage(page) {
	document.getElementById("menu_" + page).setAttribute("class", "current");
}
</script>

<div id="body_wrapper">
	<div id="wrapper">
	<div id="header">
    	<span id="header_icon"></span>
    	<div id="header_content">
        	<div id="site_title">
				<img src="images/CourseManager.png" alt="LOGO" /> <!-- logo created by http://creatr.cc/creatr/ -->
			</div>
            <p>Corse Manager. bla bla bla</p>
		  
		</div>
    </div> <!-- end of header -->
	 
	<div id="main_top"></div>
	<div id="main">
	<% if (request.getSession(false) != null && request.getSession(false).getAttribute("username") != null) { %>
		<div id="menu">
    	    <ul>
    	        <li><a id = "menu_home" href="index.jsp">Home</a></li>
                <% if (request.getSession(false).getAttribute("type").equals("admin")) { %>
                <li><a id = "menu_manage_courses" href="manage_courses.jsp">Manage Courses</a></li>
                <li><a id = "menu_view_users" href="view_users.jsp">View Users</a></li>
                                
                <% } else { %>
                <li><a id = "menu_user_manage_courses" href="user_manage_courses.jsp">Manage Courses</a></li>
                <li><a id = "menu_custom_stylesheet" href="custom_stylesheet.jsp">Custom XSL</a></li>
                <% } %>

                <li><a id = "menu_yellow_pages" href="search_yellow_pages.jsp">Yellow Pages</a></li>
                <li><a id = "menu_change_details" href="change_details.jsp">Change Details</a></li>
            	<li><a id = "menu_logout" href="Logout">Logout</a></li>
           	</ul>
   
    	</div> <!-- end of menu -->
   <% } %>
   <br />
            